/* eslint-disable */
<template> 
  <div class="advancedSettingsEdit"> 
    <div class=" overflow-auto" style="max-height: 610px; min-height: 610px;">
        <el-form ref="form" :model="form">
            <p class="small text-secondary opacity-50 mb-2">视频设置</p>
            <el-form-item class="  mb-2">
                <div class="row m-0">
                    <div class="col-auto pr-0" style="min-width: 120px;">
                        <div
                            class="border  rounded-left border-right-0 w-100 px-3 pt-1 h-100">
                            发送分辨率
                        </div>
                    </div>
                    <div class="col pl-0">
                        <el-select v-model="form.sendResolution"
                            placeholder="请选择视频输入" class=" w-100 rounded-left-0">
                            <el-option label="1920*1080" value="1"></el-option>
                            <el-option label="1280*720" value="2"></el-option>
                            <el-option label="1080*540" value="2"></el-option>
                        </el-select>
                    </div>
                </div>
            </el-form-item>

            <el-form-item class="  mb-2">
                <div class="row m-0">
                    <div class="col-auto pr-0" style="min-width: 120px;">
                        <div
                            class="border  rounded-left border-right-0 w-100 px-3 pt-1 h-100">
                            发送带宽
                        </div>
                    </div>
                    <div class="col pl-0">
                        <el-select v-model="form.sendingBandwidth"
                            placeholder="请选择视频输入" class=" w-100 rounded-left-0">
                            <el-option label="20MB" value="1"></el-option>
                            <el-option label="10MB" value="2"></el-option>
                            <el-option label="5MB" value="2"></el-option>
                            <el-option label="2MB" value="2"></el-option>
                            <el-option label="1MB" value="2"></el-option>
                        </el-select>
                    </div>
                </div>
            </el-form-item>
            <p class="small text-secondary opacity-50 mb-2">推流设置</p>
            <el-form-item class="px-3">
                <el-checkbox-group v-model="form.type">
                    <el-checkbox label="启用流媒体功能" name="type"></el-checkbox>
                    <el-checkbox label="允许观众请求参与互动会议" name="type"></el-checkbox>
                </el-checkbox-group>
                <p class="small mb-0">RTMP推流地址</p>
                <div
                    class="py-2 px-3 border border-light-1 rounded text-justify din_alternatebold text-primary">
                    rtmp://rtmp.geju.com/live/90329f349
                </div>
                <p class="small mb-0">流媒体播放地址</p>
                <div
                    class="py-2 px-3 border border-light-1 rounded text-justify din_alternatebold text-primary">
                    http://live.geju.com/live/90329f349_sdl.m3u8
                </div>
            </el-form-item>
            <el-form-item class="  mb-2">
                <div class="row m-0">
                    <div class="col-auto pr-0" style="min-width: 120px;">
                        <div
                            class="border  rounded-left border-right-0 w-100 px-3 pt-1 h-100">
                            发送分辨率
                        </div>
                    </div>
                    <div class="col pl-0">
                        <el-select v-model="form.sendResolutionRtmp"
                            placeholder="请选择视频输入" class=" w-100 rounded-left-0">
                            <el-option label="1920*1080" value="1"></el-option>
                            <el-option label="1280*720" value="2"></el-option>
                            <el-option label="1080*540" value="2"></el-option>
                        </el-select>
                    </div>
                </div>
            </el-form-item>

            <el-form-item class="  mb-2">
                <div class="row m-0">
                    <div class="col-auto pr-0" style="min-width: 120px;">
                        <div
                            class="border  rounded-left border-right-0 w-100 px-3 pt-1 h-100">
                            发送带宽
                        </div>
                    </div>
                    <div class="col pl-0">
                        <el-select v-model="form.sendingBandwidthRtmp"
                            placeholder="请选择视频输入" class=" w-100 rounded-left-0">
                            <el-option label="20MB" value="1"></el-option>
                            <el-option label="10MB" value="2"></el-option>
                            <el-option label="5MB" value="2"></el-option>
                            <el-option label="2MB" value="2"></el-option>
                            <el-option label="1MB" value="2"></el-option>
                        </el-select>
                    </div>
                </div>
            </el-form-item>
            <el-form-item class="px-3">
                <p class="small mb-0">您的推流将可以通过如下页面访问</p>
                <div class=" text-justify din_alternatebold text-success">
                    http://live.geju.com/live/90329f349_sdl.m3u8
                </div>
            </el-form-item>

        </el-form>
    </div>
  </div>
</template>

<script>
    export default {
        name: 'AdvancedSettingsEdit',
        data() {
            return {

                form: {
                    sendResolution: '',
                    sendingBandwidth: '',
                    type: [],
                    sendResolutionRtmp: '',
                    sendingBandwidthRtmp: ''
                },
                formLabelWidth: '90px'
            }
        }

    }
</script>

<style>

</style>